@charset "UTF-8";
.setting_wrap { width: 1000px; margin: 20px 0 35px 85px; background: #fff; border: 1px solid #f4f4f4; }

.setting_wrap .title { border-bottom: 1px solid #e2eaed; padding: 30px 40px 20px; }

.setting_wrap .title span { border-bottom: 3px solid #23a8f5; padding-bottom: 18px; font-size: 17px; color: #000; font-weight: normal; }

.setting_list { width: 100%; }

.setting_list .item { padding: 0 50px; width: 100%; border-bottom: 1px solid #f4f4f4; }

.setting_list .item .s_label { line-height: 58px; height: 58px; color: #111; float: left; width: 80px; font-size: 15px; }

.setting_list .item .s_content { float: left; margin-left: 10px; }

.setting_list .edit_line { line-height: 58px; height: 58px; overflow: hidden; color: #111; }

.setting_list .edit_line .edit_line_txt { float: left; font-size: 15px; margin-left: 10px; }

.setting_list .edit_line .click_icon { float: right; }

.setting_list .edit_line .click_icon i { color: #ccd1d9; padding-top: 10px; cursor: pointer; }

.setting_list .edit_line .click_icon i:hover { color: #23a8f5; }

.setting_list .edit_line:hover { background: #f5f5f5; cursor: pointer; }

.setting_list .edit_line:hover .edit_line_txt { color: #23a8f5; }

.setting_list .project_code { padding-top: 20px; padding-bottom: 20px; }

.setting_list .project_code img { display: block; width: 140px; height: 130px; }

.setting_list .project_code .downLoadCode { color: #999; display: block; width: 140px; text-align: center; padding-top: 5px; cursor: pointer; }

.setting_list .agency_head { padding-top: 30px; padding-bottom: 20px; }

.setting_list .agency_head img { width: 160px; height: 160px; display: block; text-align: center; line-height: 160px; }

.setting_list .agency_head img:hover { cursor: pointer; }

.setting_list .agency_head .change_head { line-height: 160px; float: right; cursor: pointer; color: #ccd1d9; }

.setting_list .agency_head .change_head input[disabled] { background: #ccd1d9; }

.setting_list .agency_head .change_head input { background: #23a8f5; width: 80px; text-align: center; color: #fff; font-size: 15px; height: 40px; border: none; cursor: pointer; display: inline-block; line-height: 40px; }

.model_title { height: 60px; background: #f1f1f1; color: #111; font-size: 18px; position: relative; }

.model_title h4 { text-align: center; padding: 0; margin: 0; height: 100%; line-height: 60px; }

.model_title i { position: absolute; right: 30px; top: 0; z-index: 1051; height: 100%; line-height: 60px; display: block; cursor: pointer; }

.model_title i:hover { color: #000; }

.input_type { padding: 50px 100px 40px; position: relative; }

.input_type .save_btn { margin-left: 100px; background: #23a8f5; width: 140px; height: 40px; line-height: 40px; text-align: center; color: #fff; cursor: pointer; margin-top: 40px; }

.input_type .save_btn:hover { background: #1fa4ea; }

.model_input_line { height: 50px; line-height: 50px; margin-bottom: 20px; }

.model_input_line input { border: 1px solid #23a8f5; height: 48px; line-height: 48px; padding: 0 30px; outline: none; border-radius: 3px; width: 298px; color: #111; font-size: 15px; }

.model_input_line label { display: block; float: left; width: 100px; position: relative; padding-left: 20px; color: #111; font-size: 15px; margin: 0; font-weight: normal; }

.model_input_line label:after { display: block; content: "✲"; height: 50px; line-height: 50px; color: #23a8f5; position: absolute; left: 0; font-size: 12px; top: 0; }

.model_input_line .hasCode { width: 200px; float: left; border-right: 0; border-radius: 3px 0 0 3px; }

.model_input_line .sendCode { width: 98px; float: left; height: 48px; border: 1px solid #23a8f5; border-left: 0; line-height: 44px; outline: none; background: #23a8f5; color: #fff; }

.wechat_type { padding: 45px 0 60px 0; text-align: center; font-size: 15px; }

.wechat_type .bindWeChatTxt { padding-top: 30px; color: #111; }

.wechat_type .unbindWeChatTxt { color: #111; }

.wechat_type img { width: 135px; height: 135px; }

.unbind_btn_group { width: 355px; margin: 0 auto; margin-top: 50px; font-size: 15px; text-align: center; }

.unbind_btn_group .cancel_unbindWechat { width: 135px; height: 45px; line-height: 45px; background: #f1f1f1; color: #b2b2b2; float: left; margin-right: 20px; cursor: pointer; }

.unbind_btn_group .cancel_unbindWechat:hover { background: #f0f0f0; }

.unbind_btn_group .confirm_unbindWechat { width: 200px; height: 45px; line-height: 45px; background: #23a8f5; color: #fff; float: left; cursor: pointer; }

.unbind_btn_group .confirm_unbindWechat:hover { background: #1fa4ea; }

.unbindWeChat { color: #ccd1d9; }

.unbindWeChat:hover { color: #23a8f5; }

.error_txt { background: #eb584e; width: 100%; text-align: center; position: absolute; top: 0; left: 0; color: #fff; display: none; padding: 5px 0; }

#cutpic-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 300; display: none; }

.cutpic-content { width: 685px; padding: 20px; background-color: #fff; box-sizing: border-box; border-radius: 4px; overflow: hidden; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

.preview { margin-left: 15px; margin-bottom: 5px; width: 150px; height: 150px; overflow: hidden; }

.current-pic { width: 480px; height: 360px; }

.current-pic-btn { margin-top: 20px; margin-bottom: 0; text-align: center; }

.current-pic-btn button { border: 0; outline: 0; color: #fff; margin-left: 20px; margin-right: 20px; }

.current-pic-btn .save-cut-logo { padding: 5px 15px; border-radius: 4px; background-color: #23a8f5; }

.current-pic-btn .save-cut-logo:hover { background-color: #003366; }

.current-pic-btn .cancel-upload-logo { padding: 3px 8px; border-radius: 2px; color: #333; background-color: transparent; }

.current-pic-btn .cancel-upload-logo:hover { background-color: #f1f1f1; }
